<template>
	<up-action-sheet
		:show="props.showReport"
		@close="handleClose"
		title="举报评论"
		:actions="props.reportType"
		@select="handleReport"
		style="max-height: 80vh; overflow-y: scroll;"
	></up-action-sheet>
	<up-safe-bottom></up-safe-bottom>
</template>

<script lang="ts" setup name="">
	import { defineProps } from 'vue'
	const props = defineProps({
		showReport: {
			type: Boolean,
			default: false,
		},
			
		reportType: {
			type: Array,
		}
	})		
	const emit = defineEmits(['update:report'])
	function handleClose(){
		emit('update:report', !props.showReport)  
	}
	function handleReport(item){
		console.log(item);
		
	}
</script>

<style scoped lang="scss">

</style>